<template>
	<view class="accidentTip">
		<rich-text :nodes="content"></rich-text>
	</view>
</template>

<script setup>
	import http from "@/request/index.js"
	import { useRoute } from 'vue-router';
	const route = useRoute();
	const props = defineProps({
	  t: String
	});
	const content = ref('');
	const typeId = ref('');
	onMounted(() => {
		console.log(props.t, 'eeeee')
		getDataInfo(props.t);
	})
	const getDataInfo = async(typeId) => {
		const res = await http(`/api/app/order/ruleSetup/${typeId}`, {}, true, 'GET')
		console.log(res, 'datadata');
		if (code != 200) return
		content.value = data ? data.couDesc : '';
		console.log(content.value, 'content.value');
	}
</script>

<style lang="scss" scoped>
	.accidentTip {
		padding: 20px 30px 70px;
		overflow: auto;
		.title {
			font-weight: bold;
			margin-top: 20px;
			font-size: 13px;
		}
		.g {
			margin-top: 5px;
			color: #A2A3A5;
			font-size: 13px;
		}
		.p {
			font-weight: bold;
			font-size: 12px;
			margin-top: 5px;
			text {
				float: right;
			}
		}
		.btn-box {
			width: 90%;
			position: fixed;
			left: 5%;
			bottom: 20px;
		}
	}
</style>
